<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车型查询</title>
     <script src="../js/jquery-3.3.1.min.js"></script>
    <link href="../css/common.css" rel="stylesheet">
    <link href="../dist/layui/css/layui.css" rel="stylesheet">
    <link href="../css/car_rental/hot_car.css" rel="stylesheet">
</head>
<body>
<!--=======================================1. 标题================================================-->
<div class="header">
    <div class="head-top">
        <div class="w1180 top-linkbox">
            <div class="top-left">
                <span><a class="size-color" href="">登录</a></span>
                <span>|</span>
                <span><a class="size-color" href="">免费注册</a></span>
                <span>|</span>
                <span><a href="">我的小橘</a></span>
            </div>
            <div class="top-right">
                <span><a href="">帮助中心</a> </span>
                <span>|</span>
                <span><a href="">网址导航</a></span>
                <span>|</span>
                <span><a href="">English</a></span>
                <span>|</span>
                <span>400-888-6608</span>
                <span>|</span>
                <span><a href="">微信</a></span>
            </div>
        </div>
    </div>
    <div class="head-bottom">
        <div class="w1180">
            <a href="" class="logo"></a>
            <div class="nav">
                <ul class="nav-wrap">
                    <li><a href="">首页</a></li>
                    <li><a href="">热门车型</a></li>
                    <li><a href="">车型查询</a></li>
                    <li><a href="">营业网点</a></li>
                    <li><a href="">政企服务</a></li>
                    <li><a href="">接送服务</a></li>
                    <li><a href="">精彩活动</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--========================2. 内容 ==================================-->
<div class="main-wrap w1180">
    <!--=======选择时间 两个月之内=====-->
    <div class="search-box">

    </div>
</div>

<div class="car-wrap">
    <!--品牌列表-->
    <div class="brand-box">
        <div class="type-box">
            <span>类 型：</span>
            <a href="javascript:;" class="J_CarLevel">经济型</a>
            <a href="javascript:;" class="J_CarLevel">舒适型</a>
            <a href="javascript:;" class="J_CarLevel">精英型</a>
            <a href="javascript:;" class="J_CarLevel">SUV</a>
            <a href="javascript:;" class="J_CarLevel">5~15座商务</a>
            <a href="javascript:;" class="J_CarLevel">电动型</a>
        </div>
        <div class="brand-box-list">
            <span>品 牌：</span>
            <!--品牌标签页-->
            <div class="tabbox" id="clicktab">
<!--                <ul class="tabbtn">-->
<!--                    <li class="current">热门</li>-->
<!--                    <li class="">全部</li>-->
<!--                </ul>-->
                <div class="tabcon" style="display: block;">
                    <a bnid="1" href="JavaScript:;" class="J_BrandName">雪佛兰</a>
                    <a bnid="2" href="JavaScript:;" class="J_BrandName">大众</a>
                    <a bnid="4" href="JavaScript:;" class="J_BrandName">本田</a>
                    <a bnid="5" href="JavaScript:;" class="J_BrandName">丰田</a>
                    <a bnid="8" href="JavaScript:;" class="J_BrandName">标致</a>
                    <a bnid="9" href="JavaScript:;" class="J_BrandName">别克</a>
                    <a bnid="14" href="JavaScript:;" class="J_BrandName">宝马</a>
                    <a bnid="27" href="JavaScript:;" class="J_BrandName">大众斯柯达</a>
                    <a bnid="36" href="JavaScript:;" class="J_BrandName">东风</a>
                    <a bnid="40" href="JavaScript:;" class="J_BrandName">荣威</a>
                    <a bnid="45" href="JavaScript:;" class="J_BrandName">路虎</a>
                    <a bnid="59" href="JavaScript:;" class="J_BrandName">MG</a>
                    <a bnid="60" href="JavaScript:;" class="J_BrandName">上汽大通</a>
                    <a bnid="85" href="JavaScript:;" class="J_BrandName">一汽马自达</a>
                    <a bnid="87" href="JavaScript:;" class="J_BrandName">英菲尼迪</a>
                    <a bnid="92" href="JavaScript:;" class="J_BrandName">力帆</a>
                    <a bnid="93" href="JavaScript:;" class="J_BrandName">阿尔法罗密欧</a>
                    <a bnid="118" href="JavaScript:;" class="J_BrandName">欧拉</a>
                    <a bnid="119" href="JavaScript:;" class="J_BrandName">DS</a>
                    <a bnid="120" href="JavaScript:;" class="J_BrandName">观致</a>
                    <a bnid="121" href="JavaScript:;" class="J_BrandName">北京越野</a>
                    <a bnid="122" href="JavaScript:;" class="J_BrandName">R汽车</a>
                    <a bnid="123" href="JavaScript:;" class="J_BrandName">小鹏</a>
                    <a bnid="124" href="JavaScript:;" class="J_BrandName">日产（进口）</a>
                    <a bnid="125" href="JavaScript:;" class="J_BrandName">郑州日产</a>
                    <a bnid="126" href="JavaScript:;" class="J_BrandName">长安凯程</a>
                    <a bnid="127" href="JavaScript:;" class="J_BrandName">广汽埃安</a>
                    <a bnid="128" href="JavaScript:;" class="J_BrandName">威马</a>
                    <a bnid="129" href="JavaScript:;" class="J_BrandName">领克</a>
                    <a bnid="130" href="JavaScript:;" class="J_BrandName">星途</a>
                    <a bnid="131" href="JavaScript:;" class="J_BrandName">瑞风</a>
                    <a bnid="132" href="JavaScript:;" class="J_BrandName">上汽Marvel</a>
                    <a bnid="133" href="JavaScript:;" class="J_BrandName">极狐</a>
                </div>
                <div class="tabcon tab-all" style="display: none;">
                    <a bnid="1" class="J_BrandName" href="JavaScript:;">雪佛兰</a>
                    <a bnid="2" class="J_BrandName" href="JavaScript:;">大众</a>
                    <a bnid="3" class="J_BrandName" href="JavaScript:;">福特</a>
                    <a bnid="4" class="J_BrandName" href="JavaScript:;">本田</a>
                    <a bnid="5" class="J_BrandName" href="JavaScript:;">丰田</a>
                    <a bnid="6" class="J_BrandName" href="JavaScript:;">马自达</a>
                    <a bnid="7" class="J_BrandName" href="JavaScript:;">吉利</a>
                    <a bnid="8" class="J_BrandName" href="JavaScript:;">标致</a>
                    <a bnid="9" class="J_BrandName" href="JavaScript:;">别克</a>
                    <a bnid="10" class="J_BrandName" href="JavaScript:;">铃木</a>
                    <a bnid="11" class="J_BrandName" href="JavaScript:;">华晨华颂</a>
                    <a bnid="12" class="J_BrandName" href="JavaScript:;">雪铁龙</a>
                    <a bnid="13" class="J_BrandName" href="JavaScript:;">现代</a>
                    <a bnid="14" class="J_BrandName" href="JavaScript:;">宝马</a>
                    <a bnid="15" class="J_BrandName" href="JavaScript:;">奇瑞</a>
                    <a bnid="16" class="J_BrandName" href="JavaScript:;">比亚迪</a>
                    <a bnid="17" class="J_BrandName" href="JavaScript:;">奥迪</a>
                    <a bnid="18" class="J_BrandName" href="JavaScript:;">奔驰</a>
                    <a bnid="19" class="J_BrandName" href="JavaScript:;">长安</a>
                    <a bnid="20" class="J_BrandName" href="JavaScript:;">东南</a>
                    <a bnid="21" class="J_BrandName" href="JavaScript:;">福田</a>
                    <a bnid="22" class="J_BrandName" href="JavaScript:;">汇众</a>
                    <a bnid="23" class="J_BrandName" href="JavaScript:;">江淮</a>
                    <a bnid="24" class="J_BrandName" href="JavaScript:;">江铃</a>
                    <a bnid="25" class="J_BrandName" href="JavaScript:;">金杯</a>
                    <a bnid="26" class="J_BrandName" href="JavaScript:;">金龙</a>
                    <a bnid="27" class="J_BrandName" href="JavaScript:;">大众斯柯达</a>
                    <a bnid="28" class="J_BrandName" href="JavaScript:;">沃尔沃</a>
                    <a bnid="29" class="J_BrandName" href="JavaScript:;">五菱</a>
                    <a bnid="30" class="J_BrandName" href="JavaScript:;">宇通</a>
                    <a bnid="31" class="J_BrandName" href="JavaScript:;">中华</a>
                    <a bnid="32" class="J_BrandName" href="JavaScript:;">日产</a>
                    <a bnid="33" class="J_BrandName" href="JavaScript:;">长城</a>
                    <a bnid="34" class="J_BrandName" href="JavaScript:;">庆铃</a>
                    <a bnid="35" class="J_BrandName" href="JavaScript:;">金旅</a>
                    <a bnid="36" class="J_BrandName" href="JavaScript:;">东风</a>
                    <a bnid="37" class="J_BrandName" href="JavaScript:;">依维柯</a>
                    <a bnid="38" class="J_BrandName" href="JavaScript:;">MINI</a>
                    <a bnid="39" class="J_BrandName" href="JavaScript:;">东风小康</a>
                    <a bnid="40" class="J_BrandName" href="JavaScript:;">荣威</a>
                    <a bnid="41" class="J_BrandName" href="JavaScript:;">传祺</a>
                    <a bnid="42" class="J_BrandName" href="JavaScript:;">哈弗</a>
                    <a bnid="43" class="J_BrandName" href="JavaScript:;">雷克萨斯</a>
                    <a bnid="44" class="J_BrandName" href="JavaScript:;">起亚</a>
                    <a bnid="45" class="J_BrandName" href="JavaScript:;">路虎</a>
                    <a bnid="46" class="J_BrandName" href="JavaScript:;">斯巴鲁</a>
                    <a bnid="47" class="J_BrandName" href="JavaScript:;">捷豹</a>
                    <a bnid="48" class="J_BrandName" href="JavaScript:;">绅宝</a>
                    <a bnid="49" class="J_BrandName" href="JavaScript:;">克莱斯勒</a>
                    <a bnid="50" class="J_BrandName" href="JavaScript:;">吉普</a>
                    <a bnid="51" class="J_BrandName" href="JavaScript:;">Jeep</a>
                    <a bnid="52" class="J_BrandName" href="JavaScript:;">猎豹</a>
                    <a bnid="54" class="J_BrandName" href="JavaScript:;">特斯拉</a>
                    <a bnid="55" class="J_BrandName" href="JavaScript:;">三菱</a>
                    <a bnid="56" class="J_BrandName" href="JavaScript:;">道奇</a>
                    <a bnid="57" class="J_BrandName" href="JavaScript:;">凯迪拉克</a>
                    <a bnid="58" class="J_BrandName" href="JavaScript:;">奔腾</a>
                    <a bnid="59" class="J_BrandName" href="JavaScript:;">MG</a>
                    <a bnid="60" class="J_BrandName" href="JavaScript:;">上汽大通</a>
                    <a bnid="61" class="J_BrandName" href="JavaScript:;">启辰</a>
                    <a bnid="62" class="J_BrandName" href="JavaScript:;">东风风神</a>
                    <a bnid="63" class="J_BrandName" href="JavaScript:;">之诺</a>
                    <a bnid="64" class="J_BrandName" href="JavaScript:;">众泰</a>
                    <a bnid="65" class="J_BrandName" href="JavaScript:;">东风日产</a>
                    <a bnid="66" class="J_BrandName" href="JavaScript:;">东风风行</a>
                    <a bnid="67" class="J_BrandName" href="JavaScript:;">九龙</a>
                    <a bnid="68" class="J_BrandName" href="JavaScript:;">保时捷</a>
                    <a bnid="69" class="J_BrandName" href="JavaScript:;">宝骏</a>
                    <a bnid="70" class="J_BrandName" href="JavaScript:;">菲亚特</a>
                    <a bnid="71" class="J_BrandName" href="JavaScript:;">smart</a>
                    <a bnid="72" class="J_BrandName" href="JavaScript:;">北汽</a>
                    <a bnid="74" class="J_BrandName" href="JavaScript:;">纳智捷</a>
                    <a bnid="75" class="J_BrandName" href="JavaScript:;">广汽传祺</a>
                    <a bnid="85" class="J_BrandName" href="JavaScript:;">一汽马自达</a>
                    <a bnid="86" class="J_BrandName" href="JavaScript:;">玛莎拉蒂</a>
                    <a bnid="87" class="J_BrandName" href="JavaScript:;">英菲尼迪</a>
                    <a bnid="88" class="J_BrandName" href="JavaScript:;">红旗</a>
                    <a bnid="89" class="J_BrandName" href="JavaScript:;">阿斯顿马丁</a>
                    <a bnid="91" class="J_BrandName" href="JavaScript:;">扬子江</a>
                    <a bnid="92" class="J_BrandName" href="JavaScript:;">力帆</a>
                    <a bnid="93" class="J_BrandName" href="JavaScript:;">阿尔法罗密欧</a>
                    <a bnid="94" class="J_BrandName" href="JavaScript:;">一汽</a>
                    <a bnid="95" class="J_BrandName" href="JavaScript:;">腾势</a>
                    <a bnid="96" class="J_BrandName" href="JavaScript:;">海马</a>
                    <a bnid="101" class="J_BrandName" href="JavaScript:;">林肯</a>
                    <a bnid="102" class="J_BrandName" href="JavaScript:;">瑞驰新能源</a>
                    <a bnid="103" class="J_BrandName" href="JavaScript:;">雷诺</a>
                    <a bnid="107" class="J_BrandName" href="JavaScript:;">捷达</a>
                    <a bnid="108" class="J_BrandName" href="JavaScript:;">思铭</a>
                    <a bnid="109" class="J_BrandName" href="JavaScript:;">宝沃</a>
                    <a bnid="110" class="J_BrandName" href="JavaScript:;">爱驰</a>
                    <a bnid="111" class="J_BrandName" href="JavaScript:;">名爵</a>
                    <a bnid="112" class="J_BrandName" href="JavaScript:;">Polestar</a>
                    <a bnid="113" class="J_BrandName" href="JavaScript:;">新宝骏</a>
                    <a bnid="114" class="J_BrandName" href="JavaScript:;">BEIJING</a>
                    <a bnid="115" class="J_BrandName" href="JavaScript:;">江西五十铃</a>
                    <a bnid="116" class="J_BrandName" href="JavaScript:;">野马</a>
                    <a bnid="117" class="J_BrandName" href="JavaScript:;">捷途</a>
                    <a bnid="118" class="J_BrandName" href="JavaScript:;">欧拉</a>
                    <a bnid="119" class="J_BrandName" href="JavaScript:;">DS</a>
                    <a bnid="120" class="J_BrandName" href="JavaScript:;">观致</a>
                    <a bnid="121" class="J_BrandName" href="JavaScript:;">北京越野</a>
                    <a bnid="122" class="J_BrandName" href="JavaScript:;">R汽车</a>
                    <a bnid="123" class="J_BrandName" href="JavaScript:;">小鹏</a>
                    <a bnid="124" class="J_BrandName" href="JavaScript:;">日产（进口）</a>
                    <a bnid="125" class="J_BrandName" href="JavaScript:;">郑州日产</a>
                    <a bnid="126" class="J_BrandName" href="JavaScript:;">长安凯程</a>
                    <a bnid="127" class="J_BrandName" href="JavaScript:;">广汽埃安</a>
                    <a bnid="128" class="J_BrandName" href="JavaScript:;">威马</a>
                    <a bnid="129" class="J_BrandName" href="JavaScript:;">领克</a>
                    <a bnid="130" class="J_BrandName" href="JavaScript:;">星途</a>
                    <a bnid="131" class="J_BrandName" href="JavaScript:;">瑞风</a>
                    <a bnid="132" class="J_BrandName" href="JavaScript:;">上汽Marvel</a>
                    <a bnid="133" class="J_BrandName" href="JavaScript:;">极狐</a>
                </div>
            </div>
            <!--标签页结束-->
            <!--汽车列表-->
            <div class="car-box">
                <a target="_blank" href="" class="car-list J_car" cid="138" style="" bnid="32" cl="精英型" vtl="0">
                    <em class=""></em>
                    <div class="car-img">

                        <img src="../images/hot-car-test-img.jpg" alt="日产天籁" style="display: inline;">
                    </div>
                    <div class="car-des">
                        <span title="日产天籁">日产天籁</span>
                        <i>
                            三厢
                            5座
                            自动
                        </i>
                    </div>
                </a>
                <a target="_blank" href="" class="car-list J_car" cid="138" style="" bnid="32" cl="精英型" vtl="0">
                    <em class=""></em>
                    <div class="car-img">

                        <img src="../images/hot-car-test-img.jpg" alt="日产天籁" style="display: inline;">
                    </div>
                    <div class="car-des">
                        <span title="日产天籁">日产天籁</span>
                        <i>
                            三厢
                            5座
                            自动
                        </i>
                    </div>
                </a>
                <a target="_blank" href="" class="car-list J_car" cid="138" style="" bnid="32" cl="精英型" vtl="0">
                    <em class=""></em>
                    <div class="car-img">

                        <img src="../images/hot-car-test-img.jpg" alt="日产天籁" style="display: inline;">
                    </div>
                    <div class="car-des">
                        <span title="日产天籁">日产天籁</span>
                        <i>
                            三厢
                            5座
                            自动
                        </i>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footer-box clear_float">
        <div class="footer-left">
            <p>
                <a href="" >关于一嗨</a>
                |
                <a href="" >移动客户端</a>
                |
                <a href="" >帮助中心</a>
                |
                <a href="" >建议专区</a>
                |
                <a href="" >联系我们</a>
                |
                <a href="" >友情链接</a>
                | &nbsp;投诉通道：400-821-1608 &nbsp;
            </p>
            <p>
                Copyright © 2007 - 2021 上海一嗨信息技术服务有限公司
                <a href="" >ICP证：沪B2-20140130</a>
            </p>
        </div>
        <div class="footer-right">
            <a href="">
                <img src="../images/footer_right_first.png">
            </a>
            <a href="">
                <img src="../images/footer_right_second.png">
            </a>
            <a href="">
                <img src="../images/footer_right_third.png">
            </a>
            <a href="">
                <img src="../images/footer_right_forth.png">
            </a>
        </div>
    </div>
</div>
<script src="../js/car_rental/select_car.js"></script>
<script src="../dist/layui/layui.js"></script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //常规用法
        laydate.render({
            elem: '#test1'
        });

        //国际版
        laydate.render({
            elem: '#test1-1'
            ,lang: 'en'
        });

        //年选择器
        laydate.render({
            elem: '#test2'
            ,type: 'year'
        });

        //年月选择器
        laydate.render({
            elem: '#test3'
            ,type: 'month'
        });

        //时间选择器
        laydate.render({
            elem: '#test4'
            ,type: 'time'
        });

        //日期时间选择器
        laydate.render({
            elem: '#test5'
            ,type: 'datetime'
        });

        //日期范围
        laydate.render({
            elem: '#test6'
            //设置开始日期、日期日期的 input 选择器
            //数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
            ,range: ['#test-startDate-1', '#test-endDate-1']
        });

        //年范围
        laydate.render({
            elem: '#test7'
            ,type: 'year'
            ,range: true
        });

        //年月范围
        laydate.render({
            elem: '#test8'
            ,type: 'month'
            ,range: true
        });

        //时间范围
        laydate.render({
            elem: '#test9'
            ,type: 'time'
            ,range: true
        });

        //日期时间范围
        laydate.render({
            elem: '#test10'
            ,type: 'datetime'
            ,range: true
        });

        //自定义格式
        laydate.render({
            elem: '#test11'
            ,format: 'yyyy年MM月dd日'
        });
        laydate.render({
            elem: '#test12'
            ,format: 'dd/MM/yyyy'
        });
        laydate.render({
            elem: '#test13'
            ,format: 'yyyyMMdd'
        });
        laydate.render({
            elem: '#test14'
            ,type: 'time'
            ,format: 'H点m分'
        });
        laydate.render({
            elem: '#test15'
            ,type: 'month'
            ,range: '~'
            ,format: 'yyyy-MM'
        });
        laydate.render({
            elem: '#test16'
            ,type: 'datetime'
            ,range: '到'
            ,format: 'yyyy年M月d日H时m分s秒'
        });

        //开启公历节日
        laydate.render({
            elem: '#test17'
            ,calendar: true
        });

        //自定义重要日
        laydate.render({
            elem: '#test18'
            ,mark: {
                '0-10-14': '生日'
                ,'0-12-31': '跨年' //每年的日期
                ,'0-0-10': '工资' //每月某天
                ,'0-0-15': '月中'
                ,'2017-8-15': '' //如果为空字符，则默认显示数字+徽章
                ,'2099-10-14': '呵呵'
            }
            ,done: function(value, date){
                if(date.year === 2017 && date.month === 8 && date.date === 15){ //点击2017年8月15日，弹出提示语
                    layer.msg('这一天是：中国人民抗日战争胜利72周年');
                }
            }
        });

        var minDate = new Date();
        var maxDate = new Date();
        maxDate = maxDate.setDate(maxDate.getDate()+60);
        maxDate = new Date(maxDate)
        console.log("现在时间：" + minDate.toString())

        console.log("60天后：" + maxDate.toString())
        //限定可选日期
        var ins22 = laydate.render({
            elem: '#test-limit1'
            ,min: formatDate(minDate)
            ,max: formatDate(maxDate)
        });

        function formatDate(date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return (y + '-' + m + '-' + d);
        };

        //前后若干天可选，这里以7天为例
        laydate.render({
            elem: '#test-limit2'
            ,min: -7
            ,max: 7
        });

        //限定可选时间
        laydate.render({
            elem: '#test-limit3'
            ,type: 'time'
            ,min: formatTime(new Date())
            ,max: '23:59:59'
            ,btns: ['clear', 'confirm']
        });

        function formatTime(time){
            return time.getHours() + ':' + time.getMinutes() + ':' + time.getSeconds();
        }


        //同时绑定多个
        lay('.test-item').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });

        //初始赋值
        laydate.render({
            elem: '#test19'
            ,value: '1989-10-14'
            ,isInitValue: true
        });

        //选中后的回调
        laydate.render({
            elem: '#test20'
            ,done: function(value, date){
                layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
            }
        });

        //日期切换的回调
        laydate.render({
            elem: '#test21'
            ,change: function(value, date){
                layer.msg('你选择的日期是：' + value + '<br><br>获得的对象是' + JSON.stringify(date));
            }
        });
        //不出现底部栏
        laydate.render({
            elem: '#test22'
            ,showBottom: false
        });

        //只出现确定按钮
        laydate.render({
            elem: '#test23'
            ,btns: ['confirm']
        });

        //自定义事件
        laydate.render({
            elem: '#test24'
            ,trigger: 'mousedown'
        });

        //点我触发
        laydate.render({
            elem: '#test25'
            ,eventElem: '#test25-1'
            ,trigger: 'click'
        });

        //双击我触发
        lay('#test26-1').on('dblclick', function(){
            laydate.render({
                elem: '#test26'
                ,show: true
                ,closeStop: '#test26-1'
            });
        });

        //日期只读
        laydate.render({
            elem: '#test27'
            ,trigger: 'click'
        });

        //非input元素
        laydate.render({
            elem: '#test28'
        });

        //墨绿主题
        laydate.render({
            elem: '#test29'
            ,theme: 'molv'
        });

        //自定义颜色
        laydate.render({
            elem: '#test30'
            ,theme: '#393D49'
        });

        //格子主题
        laydate.render({
            elem: '#test31'
            ,theme: 'grid'
        });


        //直接嵌套显示
        laydate.render({
            elem: '#test-n1'
            ,position: 'static'
        });
        laydate.render({
            elem: '#test-n2'
            ,position: 'static'
            ,lang: 'en'
        });
        laydate.render({
            elem: '#test-n3'
            ,type: 'month'
            ,position: 'static'
        });
        laydate.render({
            elem: '#test-n4'
            ,type: 'time'
            ,position: 'static'
        });
    });
</script>
</body>
</html>